﻿@model Vizzio.Models.IngresoDeProducto
@{
    ViewBag.Title = "AsignarProductosASocio";
    var @indice = 0;
}

<h2>Asignar Productos a Socios</h2>
@using (Html.BeginForm("AsignarProductosASocio", "IngresoDeProducto", "POST"))
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <hr />
        @Html.ValidationSummary(true)
        @Html.HiddenFor(model => model.IngresoDeProductoID)


        @*<div class="control-group form-group">
            @Html.LabelFor(model => model.CodigoDeIngresoDeProducto, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.TextBoxFor(model => model.CodigoDeIngresoDeProducto, new { @class = "form-control", required = "", data_validation_required_message = "Campo requerido", maxlength = "30", data_validation_maxlength_message = "Muy largo: Ingrese 30 o menos caracteres", minlength = "1", data_validation_minlength_message = "Muy corto: Ingrese al menos 1 caracter", data_validation_regex_regex = "[A-ZñÑa-z0-9_\\-\\.,#\\/ ]+", data_validation_regex_message = "Solo caracteres Alfanumericos incluido [-_.,_/#]" })
                <p class="help-block">1 a 30 Caracteres Alfanumericos</p>
            </div>
        </div>*@

        <h4>Productos Ingresados</h4>
        <hr />
        <div class="row">
            <div class="col-md-12">
                <div class="panel-group" id="accordion">
                    @{indice = 0;}
                    @foreach (Vizzio.Models.ProductoEsperado productoEsperado in Model.ProductosEsperados)
                    {
                        if (indice == 0)
                        {
                            <div class="panel panel-warning">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#@productoEsperado.ProductoEsperadoID">
                                            @productoEsperado.Producto.NombreCompleto()
                                        </a>
                                    </h4>
                                </div>
                                <div id="@productoEsperado.ProductoEsperadoID" class="panel-collapse collapse in">
                                    <div class="panel-body">
                                        
                                        @foreach (var socio in (List<Vizzio.Models.Socio>)(@TempData["Socios"]))
                                        {
                                            <div class="checkbox">
                                                <label>
                                                    <input type="checkbox" value="@socio.SocioID" checked name="ProductosDeSocio[@indice].SocioID"> @socio.Nombre @socio.Apellidos
                                                    <input type="text" value="@productoEsperado.ProductoEsperadoID" hidden name="ProductosDeSocio[@indice].ProductoEsperadoID">
                                                </label>
                                            </div>
                                            <span>@{indice = indice + 1;}</span>
                                        }
                                    </div>
                                </div>
                            </div>
                        }
                        else
                        {
                            <div class="panel panel-warning">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#@productoEsperado.ProductoEsperadoID">
                                            @productoEsperado.Producto.NombreCompleto()
                                        </a>
                                    </h4>
                                </div>
                                <div id="@productoEsperado.ProductoEsperadoID" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        
                                        @foreach (var socio in (List<Vizzio.Models.Socio>)(@TempData["Socios"]))
                                        {
                                            <div class="checkbox">
                                                <label>
                                                    <input type="checkbox" value="@socio.SocioID" checked name="ProductosDeSocio[@indice].SocioID"> @socio.Nombre @socio.Apellidos
                                                    <input type="text" value="@productoEsperado.ProductoEsperadoID" hidden name="ProductosDeSocio[@indice].ProductoEsperadoID">
                                                </label>
                                            </div>
                                            <span>@{indice = indice + 1;}</span>
                                        }
                                    </div>
                                </div>
                            </div>
                        }
                    }
                </div>
            </div>
        </div>
        <div class='control-group col-lg-offset-8 col-lg-4'>
            <div class='controls'>
                <b>COSTO TOTAL:</b>
                <span class="badge" id="total_costo">@Model.CostoTotal</span>
                Bs.
            </div>
        </div>
        <div class='control-group col-lg-offset-8 col-lg-4'>
            <b>APORTE TOTAL DE LOS SOCIOS:</b>
            <div class='control-group'>
                <div class='controls'>
                    <input value="0" id="total_aportes" readonly data-validation-callback-callback="validar_suma_total" />
                </div>
            </div>
        </div>
        <hr />
        <h4>Aportes de los socios</h4>
       @{var contador = 0;
        }
        @foreach (var socio in (List<Vizzio.Models.Socio>)(@TempData["Socios"]))
        {
            
            <div class="form-group">
                <label for="aporteSocio" class="col-sm-3 control-label">* Aporte de @socio.Nombre @socio.Apellidos: </label>
                <div class="col-sm-9">
                    <input type="text" hidden value="@socio.SocioID" name="AporteSocio[@contador].SocioID" />
                    <input type="text" hidden value="@Model.IngresoDeProductoID" name="AporteSocio[@contador].IngresoDeProductoID" />
                    <div class='control-group'>
                        <div class='controls'>
                            <input type="text" onchange="calcular_aportes(this)" value="0" class="form-control aporte_socio" name="AporteSocio[@contador].Monto" placeholder="Aporte" required data-validation-required-message='Campo requerido' min='0' data-validation-min-message='Debe ser mayor a cero' maxlength='15' data-validation-maxlength-message='Muy grande. Maximo 15 caracteres' data-validation-regex-regex='([0-9]+|[0-9]+,[0-9]+)' data-validation-regex-message='Solo valores decimales. Separador decimal( , )'>
                            <p class="help-block">Valor numerico de menos de 15 digitos</p>
                            </div>
                        </div>
                    </div>
                </div>
    <span>
        @{contador++;}
    </span>
        }
                    <hr />
                    <div class="form-group row">
                        <div class="col-md-offset-2 col-md-1">
                            <button type="submit" class="btn btn-primary">
                                <span class="glyphicon glyphicon-ok"></span> Registrar
                            </button>
                        </div>
                        <div class="col-md-offset-1 col-md-1">
                            <a href="@Url.Action("Index", "Importacion")" class="btn btn-primary">
                                <span class="glyphicon glyphicon-remove"></span> Cancelar
                            </a>
                        </div>
                    </div>
                </div>
}


@section Scripts {
    <script>
        function validar_suma_total($el, value, validar_suma) {
            //alert("algo");
            var aux1=parseFloat($("#total_aportes").val().replace(',', ''));
            var aux2=parseFloat($("#total_costo").text().replace(',', ''));
            var aux3 = true;
            if (aux1 != aux2)
            {
                aux3 = false;
            }
            validar_suma({
                    value: value,
                    valid: aux3,
                    message: "La suma de los aportes debe ser igual al costo total de la importacion!!"
                });
    };
    </script>
    <script type="text/javascript">

        function calcular_aportes(elemento) {
            
            var total = 0;
            $('input.aporte_socio').each(function () {
                total = total + parseFloat($(this).val().replace(',', '.'));
            });
            total = total.toFixed(2);
            $("#total_aportes").val(addCommas(total));
            $('#total_aportes').focus();
        };

        function addCommas(nStr) {
            nStr += '';
            x = nStr.split('.');
            x1 = x[0];
            x2 = x.length > 1 ? '.' + x[1] : '';
            var rgx = /(\d+)(\d{3})/;
            while (rgx.test(x1)) {
                x1 = x1.replace(rgx, '$1' + ',' + '$2');
            }
            return x1 + x2;
        }

        $(function () { $("input,select,textarea").not("[type=submit]").jqBootstrapValidation(); });
    </script>

    @Scripts.Render("~/bundles/jqueryval")

}